@charset "utf-8";

@font-face{ font-family:Impact; src:url(../static/other/impact.ttf);}

@font-face{ font-family:PingFang; src:url(../static/other/PingFang Regular.ttf);}

@media (max-width:1920px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}

@media (max-width:328px){html{font-size:12px;}}


.wrap{ width:1400px; margin:0 auto;}
.wrap1{ width:1280px; margin:0 auto;}
.wrap2{ width:1600px; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}
/*==========================================公共 开始=============================================*/
.head{ width:100%; height:90px; background-color:#ffffff; position:fixed; top:0; z-index:999;}
.logo{ display:block; width:326px; height:90px; background:url(../images/logo_03.jpg) no-repeat left center;}
.nav{ margin-left:55px;}
.nav li{ float:left; padding:0 22px; line-height:90px; line-height:90px;}
.nav li a{ font-size:16px; color:#111111;}
.nav li:hover a{ color:#104a9e;}
.tel{ font-size:20px; color:#015876; font-weight:bold; margin-right:25px; height:90px; line-height:90px;}


.ar_wap{display: none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}


.header{z-index: 100000000;padding: 0;position: fixed;height: 75px;top: 46px;transition: 0.6s;width: 100%;}

.header:before{content:"";position:absolute;top:0;left: 50%;margin-left: -100px;width: 200px;height: 75px;background: #fff;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.header .h-container{padding: 0 25px;width: 1200px;margin: 0 auto;}

.header .logo {display: block;float: left;width: 120px;height: 75px;line-height: 75px;position:relative;}



.nav{float: left;position:relative;}

.nav li{position: relative;float: left;display: block;}

.nav>ul>li>a{display: block;height: 75px;line-height: 84px;text-align: center;padding: 0 1.25rem;position: relative;z-index: 1;font-size: 16px;color: #1c1c1c;}

.nav>ul>li>a:before {content: "";width: 4px;height: 0;background-color: #124ca0;position: absolute;left: 50%;top: 0px;margin-left: -2px;-webkit-transition: 0.6s;transition: 0.6s;}

.nav>ul>li>a:hover:before,.nav>ul>li.on>a:before{height: 20px;}

.nav>ul>li.nav_li>a:after{content:"";position:absolute;top:0;bottom:0;right: 5px;width:8px;background: url(../images/nav_down.png) center 52% no-repeat;}

.nav>ul>li .rd-navbar-dropdown{position: absolute;top: 100%;left: 1.25rem;width: auto;padding: 37px 32px 23px;z-index: 5;margin-top: 20px;text-align: left;box-shadow: 0 13px 16px 0 rgba(0, 0, 0, 0.13);transform: translate3d(0, 0, 0);visibility: hidden;opacity: 0;transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);}

.nav>ul>li .rd-navbar-dropdown li{ display:block; float:none}

.nav>ul>li .rd-navbar-dropdown::before {content: '';background: #ffffff;position: absolute;top: 20px;right:0;bottom:0;left:0;}

.nav>ul>li .rd-navbar-dropdown::after {content: '';position: absolute;top: 8px;left: 0;width: 0;height: 0;border-style: solid;border-width: 12px 0 0 18px;border-color: transparent transparent transparent #ffffff;}

.nav>ul>li .rd-navbar-dropdown li > a, .nav>ul>li .rd-navbar-dropdown li > a::before, .nav>ul>li .rd-navbar-dropdown li > a{ transition: .15s ease-in-out;}

.nav>ul>li .rd-navbar-dropdown li > a, .nav>ul>li .rd-navbar-dropdown li > a:focus, .nav>ul>li .rd-navbar-dropdown li > a:active{ color: #151515;}

.nav>ul>li .rd-navbar-dropdown li > a{position: relative;display: flex;padding: 2px 0 2px 17px;text-align: left;line-height: 26px;white-space: nowrap;}

.nav>ul>li .rd-navbar-dropdown li > a::before{ content: ''; position: absolute; top: 10px; left: 0; display: inline-block; width: 0; height: 0; font-size: 0; line-height: 0; border-style: solid; border-width: 4px 0 4px 10px; border-color: transparent transparent transparent #b7b7b7;}



.nav>ul>li .rd-navbar-dropdown li > a:hover{ color:#104a9e}

.nav>ul>li .rd-navbar-dropdown li > a:hover::after{ border-color: transparent transparent transparent #104a9e;}

.nav>ul>li .rd-navbar-dropdown.focus{margin-top:0;visibility:visible;opacity:1;}



.header.width{position:fixed;top:0;width: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.25);}

.header.width:before{width:100%;margin-left: 0;left: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.header .content{background:#fff;border-radius:6px;padding: 0 20px;}

.header .content .right dl{float:left;font-size:0;line-height: 75px;margin-left: 1rem;position:relative;z-index: 10;}

.header .content .right dl dd{display:inline-block;margin-right: 0.875rem;cursor: pointer;}

.header .content .right dl dd a{display:inline-block;height: 46px; position:relative; vertical-align:middle}

.header .content .right dl dd a img{vertical-align:top;position: relative;}

.header .content .right dl dd a .con{position:absolute;right:0;top:0;bottom:0;width:100%;border-radius:23px;background: #104a9e;transition:0.6s;opacity:0;font-size:16px;color:#fff;text-align:left;padding-left:20px;line-height:46px;white-space: nowrap;}



.header .content .right dl dd a:hover .con{ width:180px; opacity:1}



/*==========================================公共 结束=============================================*/





/*==========================================首页 开始=============================================*/



.banner ul li.miso-slide{ height:600px;}

.banner ul li.miso-slide img{ display:none}
.banner ul.miso-dots{bottom:2rem;height:5px;width: auto;left: 50%;transform: translateX(-50%);}

.banner ul.miso-dots li{width:40px;height:5px;margin:0;text-align: center;}

.banner ul.miso-dots li button{display:  inline-block;border: none;height: 4px;line-height: 2px;width: 100%;position: absolute;padding: 0;font-size: 18px;color: #fff;bottom: 20px;left: 0;right: 0;text-align: center; opacity:0}

.banner ul.miso-dots li:before{content:"";position:absolute;left:0; width:0; bottom: 0;background: transparent;height: 4px; transition:0.6s;}



.banner ul.miso-dots{ border-bottom:rgba(255,255,255,0.2) 1px solid; height:3px;}

.banner ul.miso-dots:before{content:"01";position:absolute;bottom: 5px;height:1px;left: -34px;font-size:14px;color:#fff;}

.banner ul.miso-dots:after{content:"";position:absolute;bottom: 5px;height:1px;right: -34px;font-size:14px;color:#fff;}

.banner ul.miso-dots li.miso-active:before{ background:#fff; width:100%}

.banner ul.miso-dots li.miso-active button{ opacity:1}


.tab{ width:1280px; margin:0 auto; height:119px; line-height:119px;margin-top:40px;background:#f6f8fa;}
.tab li{ float:left; width:246px; text-align:center; cursor:pointer;margin-right:10px;}
.curr{ color:#ffffff;}
.tab li:hover{  color:#ffffff;}
.list{ width:1280px; height:500px;  display:none; margin-top:34px;}
.show{ display:block;}



.container00 .title{ text-align:center; margin-bottom:3.625rem}

.container00 .title h5{font-size:25px;color:#333333;margin-bottom: 0.5rem; padding-top:10px}

.container00 .title h3{ font-size:1.875rem; color:#ee7600; font-family:Futura Md BT; font-weight:bold; text-transform:uppercase}

.container00 .fenlei{height:30px;}

.container00 .fenlei a{font-size:16px;line-height:30px;}

.container00 .fenlei a:hover{color:#104a9e;}

.container01 .fl01{ padding:5.625rem 0 0; background:url(../images/container01_bg.jpg) center no-repeat; background-size:cover}



.container02{ position:relative; overflow:hidden}

.container02 .left{width: 270px;position:absolute;top:0;bottom:0;background: #104a9e;}

.container02 .left ul li{height:74px;margin-bottom:1rem;border: none; cursor:pointer}

.container02 .left ul li:before{ content:""; position:absolute; width:0; height:1px; background:#ef7600; top:50%; left:0; transition:1s}

.container02 .left ul li a{ display:block;}

.container02 .left ul{ width:100% !important}

.container02 .left ul .miso-track{transform:translate3d(0, 0, 0) !important;width: 100% !important;}

.container02 .left ul li a .icon{display:inline-block;width:74px;height:74px;border:#406eb1 1px solid;border-radius:37px;position:relative;line-height: 72px;background: #104a9e;}

.container02 .left ul li a .icon .ii{ overflow:hidden; border-radius:50%}

.container02 .left ul li a .icon .table{overflow:hidden;position: absolute;top: 0;left: 0;line-height: initial;}

.container02 .left ul li a .icon:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,0.15);left: -10px;top: 50%;margin-top: -10px; transition:0.6s; transform:scale(0)}

.container02 .left ul li a .icon:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;left: -4px;top: 50%;margin-top: -4px; transition:0.6s; transform:scale(0)}

.container02 .left ul li a .icon img{vertical-align:middle;display:inline-block;max-width: 33px;max-height:33px;transition: 1s;margin-top: -3px;opacity:1;transform:scale(1) translateY(0);}

.container02 .left ul li a .icon h5{font-size: 0.875rem;color: #fff;transition: 1s;visibility: hidden;opacity: 0;line-height: 1.5rem;transform: scale(0);}

.ban_po .wrap p{ font-size:18px; color:#85cff5; font-family:DINOT; font-weight:bold}

.ban_po .wrap p .current,.ban_po .wrap p font{ color:#fff}

.ban_po.ban_po01{margin-top: 10rem;position:relative;}

.ban_po.ban_po01:before{content:"";position:absolute;top:-100px;width:1px;height: 6.25rem;background: rgba(255,255,255,0.3);left:50%;}

.ban_po.ban_po01 .wrap p{font-size: 8.75rem;color: #5e7bb4;font-family:DINOT;font-weight:bold;}

.ban_po.ban_po01 .wrap p .current,.ban_po.ban_po01 .wrap p font{color: #5e7bb4;}



.container02 .left ul li.miso-current:before{ width:30%}

.container02 .left ul li.miso-current a .icon:before{ transform:scale(1)}

.container02 .left ul li.miso-current a .icon:after{ transform:scale(1)}

.container02 .left ul li.miso-current a .icon h5{visibility: visible;opacity: 1;transform: scale(1);padding: 0 15px;line-height: 15px;}

.container02 .left ul li.miso-current a .icon{ width:180px; background:#ef7600; border:#ef7600 1px solid}

.container02 .left ul li.miso-current a .icon img{visibility: hidden;opacity:0;transform: scale(0.5) translateY(-100px);}



.container02 .right{width: calc(100% - 270px);position:relative;}

.container02 .right .box{position:relative;cursor: pointer;}

.container02 .right .slider_for .box .top{position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0);}

.container02 .right .slider_for .box .top h3{margin-bottom: 3.25rem;height: 3.75rem;}

.container02 .right .slider_for .box .top h2{font-size: 2.25rem;color:#fff;font-weight: bold;margin-bottom: 6.25rem;}
.container02 .right .slider_for .box .top p{font-size:14px;line-height: 22px;color:#ffffff;margin-bottom: 7.75rem;}
.container02 .right .slider_for .box .top .table_cell{ padding-left:715px; padding-right:90px; padding-top:85px; text-align:left}
.table_cell1{ display:table-cell; vertical-align:middle}

.container02 .right .slider_for .box .top a{display:inline-block;width: 150px;height: 40px;line-height: 38px;border-radius: 20px;font-size:14px;color:#fff;transition:0.6s;border: rgba(255,255,255,0.3) 1px solid;position: relative;overflow: hidden;}

.container02 .right .slider_for .box .top a:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#ef7600;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}

.container02 .right .slider_for .box .top a span{ position:relative}



.container02 .right .slider_for{}

.container02 .right .slider_for .miso-prev, .container02 .right .slider_for .miso-next{ width:19px; height:32px; margin-top:-16px; opacity:0.7; transition:0.36s}

.container02 .right .slider_for .miso-prev{ background:url(../images/left01.png) center no-repeat; left:1.5rem}

.container02 .right .slider_for .miso-next{ background:url(../images/righ01.png) center no-repeat; left:auto; right:1.5rem}

.container02 .right .slider_for .miso-prev:hover, .container02 .right .slider_for .miso-next:hover{ opacity:1}



.container02 .right .slider_for ul{ background:#000; height:500px;}

.container02 .right .slider_for ul li .img{height:calc(100vh - 9.375rem - 75px - 18px);transition: 1s;}

.container02 .right .slider_nav ul{ width: 1295px; margin-bottom:34px}
.container02 .right .slider_nav li{ width:246px !important;height:119px; margin-right:13px; }
.container02 .right .slider_nav li .box{ cursor:pointer}
.container02 .right .slider_nav li .box .img{ overflow:hidden; transition:0.9s}
.container02 .right .slider_nav li .box .img img{width:246px;height:119px;object-fit: cover;}
.container02 .right .slider_nav .box .top{position:absolute;top:0;left:0;width:100%;height:100%; background: rgba(0,0,0,0); overflow:hidden}
.container02 .right .slider_nav .box .top:after{ content:""; position:absolute;top:0;left:0;width:100%;height:100%;background:transprent; transform:translateX(-100%); transition:0.6s}
.container02 .right .slider_nav .box .top h2{font-size: 1.125rem; color:#fff; line-height:1.6rem}
.container02 .right .slider_nav .box .top .table{ position:relative; z-index:100}
.container02 .right .slider_nav li.miso-current .box .top:after{background: rgba(239, 118, 0, 0.8); transform:translateX(0)}

.container02 .right .slider_nav li .box:hover .img img{ transform:scale(1.06)}



.container03{ padding:3.75rem 0 4rem; background:#f6f8fa; overflow:hidden}

.container03 ul{font-size:0;margin:0 -19px;margin-bottom: 1rem;}

.container03 ul li{display:inline-block;width:33.333333%;padding:0 19px;margin-bottom:1.875rem;overflow: hidden;}

.container03 ul li a{ display:block; overflow:hidden}

.container03 ul li a .img,.container03 ul li a .img img{overflow:hidden;width:100%;height: 300px;object-fit: cover;}

.container03 ul li a .con{ background:#fff; padding:4rem 1.75rem 2.75rem; text-align:center; position:relative; border:#eeeeee 1px solid; position:relative}

.container03 ul li a .con:before{content:"";position:absolute;bottom:0;top:0;left:0;right:0;background: #f28e15;transition:1s;transform:translateY(102%);}

.container03 ul li a .con h5{font-size:1.125rem;color:#000000;margin-bottom:1.675rem;position:relative;transition:0.6s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.container03 ul li a .con p{ font-size:14px; line-height:24px; color:#737373; height:72px; overflow:hidden; text-align:left; position:relative; transition:0.6s}

.container03 ul li a .con .icon{display:inline-block;position:absolute;width:40px;height:40px;border-radius:50%;left:50%;margin-left:-20px;top:-20px;line-height: 40px; z-index:1}

.container03 ul li a .con .icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: rgba(16, 74, 158, 0.1);border-radius:50%;transform: scale(1.5); transition:0.6s}

.container03 ul li a .con .icon:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:#104a9e; border-radius:50%; transition:0.6s}

.container03 ul li a .con .icon span{font-size: 1.5rem;color:#fff;position:relative;z-index: 10;transition:0.6s;display: inline-block;}



.container03 .more{ text-align:center}

.container03 .more a{display:inline-block;width: 170px;height: 45px;line-height: 43px;border-radius: 10px;font-size: 16px;color: #373737;transition:0.6s;border: #e5e5e5 1px solid;position: relative;overflow: hidden;background: #fff;}

.container03 .more a:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#ef7600;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}

.container03 .more span{ position:relative}



.container04{background: -webkit-linear-gradient(left, #2d36b6, #158ed0); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #2d36b6, #158ed0); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right, #2d36b6, #158ed0); /* Firefox 3.6 - 15 */background: linear-gradient(to right, #2d36b6, #158ed0); /* 标准的语法 */position:relative;height: 200px;overflow:hidden}

.container04 canvas{ position:absolute; left:0; top:0; width:100%; height:100%}

.container04 .content{ height:200px; position:relative}

.container04 .content img{position:absolute;left:0; top:65px;}

.container04 .content h3{ font-size:2rem; color:#fff; font-weight:bold; margin-bottom:12px; position:relative}

.container04 .content h5{ font-size:12px; line-height:16px; color:rgba(255,255,255,0.7); text-transform:uppercase; position:relative}



.container05{padding:5rem 0 7rem;background:#f5f8fd;overflow:hidden;position: relative;}

.container05 .fl01{ background:#ffffff; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid; padding:2.125rem 0 2rem}

.container05 .title{ margin-bottom:2.25rem}

.container05 .fl01 ul{font-size:0;margin: 0 -9%;overflow: hidden;}

.container05 .fl01 ul li{display:inline-block;width:25%;border-right:#bbbbbb 1px solid;position:relative;}

.container05 .fl01 ul li:before{content:"";position:absolute;width:4px;height:22px;background:#fff;top:50%;margin-top:-11px;right: -2px;}

.container05 .fl01 ul li:after{content:"";position:absolute;width:10px;height:10px;background:url(../images/fangkuang.png) center no-repeat;top:50%;margin-top: -5px;right: -5px;}

.container05 .fl01 ul li:last-child{ border:none}

.container05 .fl01 ul li a{display:block;position:relative;padding: 0 20px;}

.container05 .fl01 ul li a h3{font-size:3rem;color:#104a9e;font-family:Futura Md BT;margin-bottom: 5px;}

.container05 .fl01 ul li a h3 span{font-family:Futura Md BT;font-weight: bold;}

.container05 .fl01 ul li a h3 font{font-size:1rem;color:#4d4d4d;vertical-align: top;}

.container05 .fl01 ul li a h5{ font-size:16px; color:#4d4d4d;}

.container05 .fl02{ padding:4rem 0 0}

.container05 .fl02 .left{width:50%;position: relative;z-index: 100;}

.container05 .fl02 .left img{ width:100%}

.container05 .fl02 .right{width:50%;padding:3rem 0 0 5.625rem;position: relative;z-index: 100;}

.container05 .fl02 .right h5{ font-size:1.125rem; color:#131313;}

.container05 .fl02 .right h3{ font-size:1.5rem; color:#104a9e; margin:2.75rem 0 1.75rem}

.container05 .fl02 .right p{font-size:14px;line-height:24px;height:72px;color:#7d7d7e;margin-bottom:2.5rem;overflow: hidden;}



.container05 .fl01 ul li:last-child:after{ display:none}

.container05 .fl01 ul li:last-child:before{ display:none}



.container05 .fl02 .right .more a{display:inline-block;width: 160px;height: 45px;line-height: 43px;border-radius: 6px;font-size: 14px;color: #313131;transition:0.6s;border: #caccd0 2px solid;position: relative;overflow: hidden;background: #fff;text-align: center;}

.container05 .fl02 .right .more a:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#ef7600;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}

.container05 .fl02 .right .more span{ position:relative}



.container06{ padding:4.625rem 0 4rem; overflow:hidden}

.container06 .content{ margin:0 -7px; font-size:0}

.container06 .content .box{ display:inline-block; vertical-align:top; padding:0 7px}

.container06 .content .box01{ width:30%;}

.container06 .content .box01 ul li a .img,.container06 .content .box01 ul li a .img img{overflow:hidden;width:100%;height: 302px;object-fit: cover;}

.container06 .content .box01 ul li a .con{background:#f0f2f7;padding:0 40px 40px;position:relative;z-index: 10;}

.container06 .content .box01 ul li a .con .time{width:7.5rem;color:#fff;background:#104a9e;height:85px;top: -14px;position: relative;margin-bottom: 25px;}

.container06 .content .box01 ul li a .con .time h3{ font-size:1.675rem; color:#fff; margin-bottom:4px}

.container06 .content .box01 ul li a .con .time h5{ font-size:1rem; color:#90b3e5; font-weight:bold; letter-spacing:6px}

.container06 .content .box01 ul li a .con h4{ font-size:18px; line-height:24px; color:#3c3c3c; height:48px; overflow:hidden; margin-bottom:10px}

.container06 .content .box01 ul li a .con p{font-size:14px;line-height:22px;height:48px;color:#818181;overflow:hidden;margin-bottom: 48px;}

.container06 .content .box01 ul li a .con .more{display:inline-block;width: 120px;height: 40px;line-height: 40px;border-radius: 2px;font-size: 14px;color: #fff;transition:0.6s;position: relative;overflow: hidden;background: #ef7600;text-align: center;}

.container06 .content .box01 ul li a .con .more:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#10489a;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}

.container06 .content .box01 ul li a .con span{position:relative;display: block;}

.container06 .content .box01 ul .miso-dots{bottom: 275px;right:0;width:100%;text-align:right;padding:0 40px;}

.container06 .content .box01 ul .miso-dots li{width:16px;height:16px;border:transparent 1px solid;border-radius:50%;margin: 0 3px;}

.container06 .content .box01 ul .miso-dots li.miso-active{ border:#104a9e 1px solid;}

.container06 .content .box01 ul .miso-dots li button{background:#bfc1c5;width: 6px;height: 6px;padding: 0;border-radius: 50%;margin: 4px;}

.container06 .content .box01 ul .miso-dots li.miso-active button{ background:#104a9e}



.container06 .content .box02{ width:35%;}

.container06 .content .box02 .title01{ height:50px; line-height:50px; background:#104a9e; text-align:center}

.container06 .content .box02 .title01 img{margin: -9px 10px 0 0;vertical-align: middle;}

.container06 .content .box02 .title01 big{ font-size:16px; color:#fff; margin-right:5px}



.container06 .content .box02 .title01 small{ font-size:12px; color:#88a4ce; text-transform:uppercase}

.container06 .content .box02 ul{background:#f0f2f7;padding: 18px 32px;}

.container06 .content .box02 ul li{border-bottom:#d4d5d9 1px solid;padding: 28px 0; position:relative}

.container06 .content .box02 ul li:after{ content:""; position:absolute; background:#104a9e; height:1px; bottom:-1px; left:0; width:0; transition:1s}

.container06 .content .box02 ul li:last-child{ border:none}

.container06 .content .box02 ul li a h4{ font-size:18px; color:#868686; transition:0.6s}

.container06 .content .box02 ul li a h5{ font-size:18px; color:#3c3c3c; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:28px 0 16px; transition:0.6s}

.container06 .content .box02 ul li a p{ font-size:14px; line-height:22px; height:48px; color:#818181; overflow:hidden;}



.container06 .more01{ text-align:center; margin-top:3.125rem}

.container06 .more01 a{display:inline-block;width: 170px;height: 45px;line-height: 43px;border-radius: 10px;font-size: 16px;color: #373737;transition:0.6s;border: #e5e5e5 1px solid;position: relative;overflow: hidden;background: #fff;}

.container06 .more01 a:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#ef7600;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}

.container06 .more01 span{ position:relative}



footer .fl01{ background:url(../images/dibu_back.jpg) no-repeat center center; overflow:hidden;height:263px;width:100%;}

footer .fl01 .left{min-width: 32%;padding-top:20px;}

footer .fl01 .left h3{ height:54px; line-height:54px; font-size:18px; color:#fff; border-bottom:#454547 1px solid; margin-bottom:20px}

footer .fl01 .left ul{ float:right; margin-right:1.75rem}

footer .fl01 .left ul li{ display:inline-block; margin-left:8px;}

footer .fl01 .left ul li a{ display:inline-block; width:36px; height:36px; line-height:32px; border:#424243 1px solid; border-radius:18px; text-align:center; cursor:pointer}

footer .fl01 .left ul li a img.img01{ display:none}

footer .fl01 .left .con h4{ line-height:24px; font-size:16px; color:#fff}

footer .fl01 .left .con h4 img{ margin:-3px 6px 0 0}

footer .fl01 .left .con h2{ line-height:24px; font-size:24px; color:#ef7600; margin:10px 0 16px}

footer .fl01 .left .con h2 span{ margin-right:1.25rem}

footer .fl01 .left p{ font-size:16px; line-height:30px; color:#bebebf}

footer .fl01 .left p img{ margin-left:6px; margin-top:-3px;}

footer .fl01 .right{ text-align:right; padding:1rem 0 0;}

footer .fl01 .right .img{ margin-left:1.25rem;}

footer .fl01 .right .img img{ width:7.1875rem; border-radius:4px}

footer .fl01 .right .con{ padding:1rem 0 0}

footer .fl01 .right .con h3{ font-size:16px; color:#fff; margin-bottom:1.875rem;}

footer .fl01 .right .con h3 big{ font-size:24px; color:#ef7600; text-transform:uppercase; margin-right:4px}

footer .fl01 .right .con h4{ font-size:14px; color:#fff; margin-bottom:8px}

footer .fl01 .right .con h5{ font-size:14px; color:#999}

footer .fl01 .right .p{ display:inline-block; background:#2a2a2b; border:#3d3d3e 1px solid; font-size:12px; line-height:20px; color:#999; padding:6px 20px; margin-top:1rem}

footer .fl01 .right .p p a{ color:#999;}

.dibu_dh{padding-top:30px;}
.dibu_dh a{color:#ccc;font-size:16px;}

/*友情链接*/

.container10{background:#104a9e;padding: 15px 0; overflow:hidden}

.container10 .nav01{float:left;width: 110px;font-size: 14px;color: #c0c0c1;height: 33px;line-height: 33px;}

.container10 ul{float:left;width: calc(100% - 110px);height: 50px;overflow:hidden;}

.container10 ul li{float:left;line-height: 33px;padding: 0 25px 0 0;height: 33px;overflow: hidden;}



.container10 ul li a{color: #999;font-size: 14px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container10 ul li a:hover{color: #fff;}

.container10 .height{ height:auto;}
.container10 p{text-align:center;color:#ccc;font-size:#16px;}
.container10 p a{color:#ccc;font-size:#16px;}



.rd-navbar-toggle{display: inline-block;position: relative;width: 40px;height: 40px;line-height: 40px;cursor: pointer;color: #2c343b;background-color: #104a9e;border: none;top: 15px;display: none;}

.rd-navbar-toggle span{ position: relative; display: block; margin: auto; transition: .3s all ease;}

span::before, .rd-navbar-toggle span{ width: 24px; height: 2px; background-color: #2c343b; backface-visibility: hidden; border-radius: 0;}

.rd-navbar-toggle span::after, .rd-navbar-toggle span::before, .rd-navbar-toggle span {width: 24px;height: 2px;background-color: #fff;backface-visibility: hidden;border-radius: 0;}

.rd-navbar-toggle span::after, .rd-navbar-toggle span::before { content: ""; position: absolute; left: 0;top: -6px; transition: .3s all ease;}

.rd-navbar-toggle span::after { top: 6px;}

.rd-navbar-toggle.active span::before { transform: rotate(-40deg);}

.rd-navbar-toggle.active span::after {transform: rotate(40deg);}

.rd-navbar-toggle.active span::before, .rd-navbar-toggle.active span::after { top: 0; width: 15px;}

.rd-navbar-toggle span::before, .rd-navbar-toggle span::after { transform-origin: 1px center;}



.rd-navbar-main-element {position: absolute;float: left;z-index: 10000000;}

.rd-navbar-nav-wrap.active {

    transform: translateX(0);

}

.rd-navbar-nav-wrap {

    color: #ffffff;

    background: #ffffff;

    box-shadow: none;

}

.rd-navbar-nav-wrap {

    position: fixed;

    left: 0;

    top: -37px;

    bottom: -56px;

    z-index: 1029;

    width: 100%;

    padding: 112px 0 81px;

    overflow-y: auto;

    overflow-x: hidden;

    -webkit-overflow-scrolling: touch;

    font-size: 14px;

    line-height: 34px;

    transform: translateX(-110%);

}

.rd-navbar-nav {

    display: block;

    margin: 15px 0;

    height: auto;

    text-align: left;

}

.rd-navbar-submenu {

    position: relative;

}

.rd-nav-item {

    text-align: left;

}

.rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-nav-wrap, .rd-navbar-submenu {

    transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);

}

.rd-nav-link {

    color: #151515;

}

.rd-nav-link {

    display: block;

    padding: 10px 56px 10px 18px;

}

.rd-nav-link { font-size:14px; color:#444; letter-spacing:2px; text-transform: uppercase;}



.rd-navbar-submenu-toggle {

    color: #151515;

}

.rd-navbar-submenu-toggle {

    cursor: pointer;

    display: inline-block;

    width: 56px;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

}

.rd-navbar-submenu-toggle::after {

    content: '\f107';

    position: absolute;

    top: 0;

    right: 0;

    width: 56px;

    height: 52px;

    font: 400 14px "FontAwesome";

    line-height: 48px;

    text-align: center;

    transition: 0.4s all ease;

    z-index: 2;

    cursor: pointer;

}

.rd-nav-item.focus .rd-nav-link, .rd-nav-item.active .rd-nav-link, .rd-nav-item.opened .rd-nav-link {

    color: #ffffff;

    background: #104a9e;

}

.rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-submenu.opened > .rd-navbar-megamenu {

    display: block;

}

li.opened > .rd-menu {

    opacity: 1;

    height: auto;

}

li.opened > .rd-navbar-dropdown {

    padding: 4px 0 0;

}

.rd-menu {

    transition: opacity 0.3s, height 0.4s ease;

    opacity: 0;

    overflow: hidden;

}

.rd-navbar-dropdown {

}



li.opened > .rd-navbar-submenu-toggle::after {

    top: 0;

    transform: rotate(180deg);

    color:#fff;

}

.rd-navbar-submenu .rd-navbar-dropdown > li > a {

    padding-left: 30px;

}

.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {

    color: #666;

}

.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {

    display: block;

    padding: 9px 56px 9px 16px;

    font-size: 12px;

    line-height: 1.5;

}



.rd-nav-item.opened .rd-menu{ opacity:1}

.rd-navbar-open-right{ height:0}



.rd-nav-item.active .rd-navbar-submenu-toggle{ color:#fff}

.rd-navbar-submenu .rd-navbar-dropdown > li.active > a{ color:#104a9e}



/*语言*/

.h-link + .h-link { margin-left: 15px; }

.h-link .bdshare-button-style0-16 a, .h-link .bds_more{ margin: 0; padding: 0; float: none; background-image: none; }

.h-link {width: 80px;height: 40px;right: 60px;margin-top: 15px;text-transform: uppercase;z-index:99;position: absolute;display: none;}

.h-link a { color: #666; font-size:14px; }

.h-link .ico {}

.h-link .t {cursor: pointer;line-height: 40px;height: 40px;text-align: center;transition: 300ms;padding: 0;}

.h-link .t i.ico {line-height: 24px;height: 40px;font-size: 14px;line-height: 40px;display:block;color: #333;float: left;text-align: left;font-style:  normal;padding-left: 25px;}

.h-link .t i.fa{font-size:12px;color:#333;float:right;vertical-align: middle;line-height: 40px;}

.h-link .b { position: absolute; top: 0; width: 80px; right: 0; z-index: 9; background:#f4f4f4; border:1px solid #ddd; display:none;}

.h-link .b a { display: block; position: relative; height: 50px; padding-left: 15px; overflow: hidden; line-height: 30px; }

.h-link .b a p, .h-link .b a .ico { margin-top: 15px; float: left; margin-right: 10px; }

.h-link .b a:after, .h-link .b a:before { content: ""; position: absolute; }

.h-link .b a:before { right: 10px; top: 50%; margin-top: 2px; border-radius: 100%; width: 6px; height: 6px; border: 2px solid #999; transition: 300ms; }



.h-link .b a:after { right: 14px; top: 50%; margin-top: -1px; border-radius: 100%; width: 2px; height: 2px; background: #fff; transition: 300ms; opacity: 0; visibility: hidden; }

.h-link:hover .b { opacity: 1; visibility: visible; transform: translate(0); }

.h-link.h-link-2 .t .aico { width: 10px; height: 7px; background-position: -168px -105px; }

.h-link.h-link-2 .b { left: auto; width: 180px; top: 100%; }

.h-link.h-link-2 .b a.o:before { display: none; }

.h-link.h-link-2 .b a .aico { position: absolute; right: 10px; top: 50%; margin-top: -4px; width: 10px; height: 7px; background-position: -168px -98px; }

.h-link.h-link-2:hover .t .ico{ background-image: url("../images/lang_11.png"); }



.n_banner{height:355px;margin-top: 75px;}

.n_banner .table{ }

.n_banner .mianbao{display:inline-block;padding: 0;margin-left: 0;}

.n_banner .mianbao h4{ font-size:1.125rem; color:#fff}

.n_banner .mianbao h3{font-size:2rem;color: #ffffff;font-family:Futura Md BT;margin-bottom: 1.25rem;font-weight: bold;text-transform: uppercase;margin-top: 4px;}

.n_banner .mianbao h6{padding: 0;position:relative;}

.n_banner .mianbao h6:before{content:"";position:absolute;left:5px;top:7px;width:60px;height:1px;background:#9d9fa4;display: none;}

.n_banner .mianbao h6 a,.n_banner .mianbao h6 i,.n_banner .mianbao h6 span{font-size: 12px;color: rgba(255,255,255,0.7);margin:0 3px;font-style:normal;height:14px;line-height:14px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_banner .mianbao h6 a:hover{color: #f28e15;}



.sanji{margin-top: -28px;text-align:center;margin-bottom: -28px;}

.sanji ul{font-size: 0;}

.sanji ul li{display:inline-block;font-size:16px;color:#4f4f52;position:relative;margin-right: -1px;}

.sanji ul li.on:after, .sanji ul li:hover:after { transform: scale(1);}

.sanji ul li:after {content: ""; position: absolute; left: 50%; bottom: -28px; margin-left: -4px; width: 4px; height: 4px; background: #fff; border-radius: 50%;transition: 0.6s;

transform: scale(0); border: #104fa2 2px solid;}

.sanji ul li a{font-size: 1rem;color: #3f3b3d;display:inline-block;padding-bottom:14px;position:relative;width: 12.5rem;height: 55px;line-height: 53px;border:  #dcdcdc 1px solid;text-align: center;background: #fff; transition:0.36s}

.sanji ul li a span{z-index: 1;position: relative;}

.sanji ul li a:before{content:"";position:absolute;top: -1px;right:0;width:0;height: 100%;background: #104fa2;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.sanji ul li.on a:before,.sanji ul li:hover a:before{left: -1px;width: calc(100% + 2px);}



.sanji ul li a:after{content:"";position:absolute;bottom: -1px;right:0;width:0;height: 3px;background: #f28e15;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.sanji ul li.on a:after,.sanji ul li:hover a:after{left: -1px;width: calc(100% + 2px);}

.sanji ul li.on a,.sanji ul li:hover a{ color:#fff}



/*==========================================首页 结束=============================================*/





/*==========================================内页 开始=============================================*/



.n_header{top: 0;}

.n_header.header:before{width:100%;margin-left: 0;left: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}



/*====移动端导航====*/

#m_n_nav{background: #104a9e;display: none;line-height: 50px;position: relative;z-index: 99;float: left;width: 100%;}

#bnt_back{position:absolute;left: 1rem;top:0;}

#bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}

#m_n_nav i{}

#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}

#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}

#bnt_sub_nav svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}

#bnt_sub_nav img{ display: block; height: 15px; }

#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}

#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}

#sub_nav_content ul{ padding:  10px;}

#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}

#sub_nav_content ul li a{ display:block; border-left:2px solid #104a9e; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}

#sub_nav_content ul li.on a{color: #104a9e;}

#sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0;}

#sub_nav_content dt{position:relative;background:#fff;z-index: 999;width: 33.333333%;display: inline-block;margin-bottom: 0;float: left;text-align: center;}

#sub_nav_content dt a{margin:0 20px;display:block;color:#5b5349;line-height: 30px;font-size:14px;font-weight: 400;vertical-align: top;}

#sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;}

#sub_nav_content dt a{}

#sub_nav_content dt.title{background:#fafafb;}

#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}

#sub_nav_content dt.title_on  { background:#fafafb;}

#sub_nav_content dt.title_on a{ color: #104a9e; border-top:1px solid #fff;}

#sub_nav_content dt.title_on a i{ color: #104a9e; }

#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}

#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #104a9e;}

#sub_nav_content dd{  display:none;}

#sub_nav_content dd .box{padding:0px 0px 0px 0px;}

#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}

#sub_nav_content dd a.on{ color: #104a9e;}



.n_container{background: #f6f8fa;}

.n_about{ padding:4.375rem 0 2rem}

.n_about .tit{ text-align:center; position:relative; margin-bottom:2.5rem}

.n_about .tit img{}

.n_about .tit .top{ position:absolute; top:0; right:0; bottom:0; left:0}

.n_about .tit .top h3{font-size:2rem;color:#59595a;font-weight:bold;margin-bottom:4px;margin-top: 6rem;}

.n_about .tit .top h6{ font-size:0.75rem; color:#104fa2; text-transform:uppercase}



.n_product{ padding:2.25rem 0 4.375rem}

.siji{ position:relative; margin-bottom:2.125rem}

.siji:before{content:"";position:absolute;bottom: -3.5px;left:0;background:#fff;width:6px;height:6px;border:#104fa2 1px solid;border-radius: 50%;}

.siji:after{content:"";position:absolute;bottom: -3.5px;right:0;background:#fff;width:6px;height:6px;border:#104fa2 1px solid;border-radius: 50%;}

.siji ul{font-size: 0; padding: 0 3.4375rem; border-bottom:#e1e1e8 1px solid;}

.siji ul li{display:inline-block;font-size:16px;color:#4f4f52;position:relative;margin-right: 2rem;}

.siji ul li:after {content: "";position: absolute;left: 50%;bottom: -14px;margin-left: -3.5px;width: 7px;height: 5px;background:url(../images/jiantou.png) center no-repeat;  transform: scale(0); transition:0.6s}

.siji ul li.on:after, .siji ul li:hover:after { transform: scale(1);}

.siji ul li a{font-size: 1rem;color: #3f3b3d;display:inline-block;padding-bottom:14px;position:relative;height: 70px;line-height: 70px;text-align: center;transition:0.36s;}

.siji ul li a span{z-index: 1;position: relative;}

.siji ul li a:hover{ color:#124ca0;}



.siji ul li a:after{content:"";position:absolute;bottom: -1px;right:0;width:0;height: 2px;background: #124ca0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.siji ul li.on a:after,.siji ul li:hover a:after{left: -1px;width: calc(100% + 2px);}

.siji ul li.on a,.siji ul li:hover a{color: #124ca0;}

.n_product .container03{ padding:0; background:none}



.page {margin:0px auto 0px auto;text-align: center;font-size: 0;}



.page .box{display:inherit;width:100%;}

.page a{padding: 0;width: 50px;height: 50px;line-height: 48px;display:inline-block;border:1px solid #dedede;margin: 0px 3px;color: #404040;font-size: 14px;border-radius: 50%;background: #fff;vertical-align: top; transition:0.36s}

.page a svg{font-size:20px;width: 18px;height: 18px;fill:#000000;vertical-align:middle;margin-top: -3px;}

.page .on{background: #104a9e;color:#fff !important;border: 1px solid #104a9e;}

.page a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}

.page span{ background:#02a26d; color:#fff !important;border:1px solid #02a26d;}

.page a:hover{background: #104a9e;color:#fff !important;text-decoration:none;border: 1px solid #104a9e;}

.page a:hover font{ color:#fff;}

.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */} 

.fangye01,.fangye02{ display:inline-block}

.fangye01 svg{ transform:rotate(180deg); vertical-align:middle}

.fangye02 svg{ vertical-align:middle}

.page a:hover svg{ fill:#fff}



.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999999;}



.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}

.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}

.tc1 .close:hover{ transform:rotate(180deg);}

.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 

.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}

.tc1 .tc.act{display: block;}

.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}

.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }

.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.tc1 .tc-box h3 img{width: 200px;height: 200px;}

.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}



.n_product .container03 ul{ margin-bottom:2rem}



.n_product_detail{ padding:1rem 0 0}

.n_product_detail .fl01{ padding-bottom:2rem;}

.n_product_detail .siji{ margin-bottom:3.375rem}









.n_product_detail .fl01 .content{ position:relative}

.n_product_detail .fl01 .left{ width:48%;}

.n_product_detail .fl01 .left ul li{padding: 0;}

.n_product_detail .fl01 .left .img{float:left;width: 100%;overflow:hidden;}

.n_product_detail .fl01 .left .img img{width: 100%;}

.n_product_detail .fl01 .left .miso-prev, .n_product_detail .fl01 .left .miso-next{width:42px;height:42px; margin-top:-21px;}

.n_product_detail .fl01 .left .miso-prev{background:url(../images/left02.png) center no-repeat; left:2rem}

.n_product_detail .fl01 .left .miso-next{background:url(../images/right02.png) center no-repeat;right:2rem;}



.n_product_detail .fl01 .right{width:52%;background:#fff url(../images/yuan01.png) right center no-repeat;position:absolute;right:0;top:0;bottom:0;padding:0 4rem;border: #eeeeee 1px solid;}

.n_product_detail .fl01 .right .table{ text-align:left}

.n_product_detail .fl01 .right h3{font-size: 1.875rem;color: #000000; margin-bottom:3.375rem; line-height: 2.5rem;}

.n_product_detail .fl01 .right h4{ font-size:1.125rem; color:#000000; margin-bottom:2.75rem; position:relative}

.n_product_detail .fl01 .right h4:before{ content:""; position:absolute; left:0; top:-15px; width:22px; height:1px; background:#ef7600}

.n_product_detail .fl01 .right p{font-size: 14px;color: #737373;line-height: 1.875rem;text-indent: 0;}





.n_product_detail .fl02 .content{ padding:0 2.75rem 2.75rem; background:#fff}

.n_product_detail .fl02 .content h3 span{ padding-top:1.75rem; display:inline-block; position:relative}

.n_product_detail .fl02 .content h3 span:before{ content:""; position:absolute; top:0; left:0; width:100%; height:3px; background:#104fa2}

.n_product_detail .fl02 .content h3 { font-size:1.5rem; color:#000000; margin-bottom:3.125rem}

.n_product_detail .fl02 p{color:#000000;text-indent:0;margin-bottom: 20px;}

.n_product_detail .fl02 img { transform: translateX(0);}



.n_yingyong{ padding:6.875rem 0 5rem}



.n_yingyong ul{font-size:0;margin:0 -1rem;}

.n_yingyong ul li{ display:inline-block; width:33.333333%; padding:0 1rem; margin-bottom:4rem;}

.n_yingyong ul li a{display:block;text-align:center;padding: 1rem 0 0;background:#fff url(../images/yuan02.png) center top no-repeat;}

.n_yingyong ul li a h3{line-height: 7.5rem;}

.n_yingyong ul li a h3 img{

    max-height: 42px;

}

.n_yingyong ul li a h5{font-size: 1.25rem;color: #272727;font-weight:bold;margin-bottom:2rem;}

.n_yingyong ul li a p{font-size:14px;line-height: 18px;height: 36px;color: #828385;padding:0 2rem;margin-bottom: 3rem;text-align: left;overflow: hidden;}

.n_yingyong ul li a span{ display:inline-block; width:130px; height:35px; line-height:31px; border:#eeeeee 2px solid; background:#fff; margin-bottom:-17.5px; border-radius:17.5px; font-size:14px; color:#4f5156; transition:0.6s}

@keyframes xuanzhuan

{

    from { transform: rotateY(0deg);}

    to { transform: rotateY(360deg);}

}



.n_fazhan .fl01{padding: 3.875rem 0 0; margin-bottom:4rem}

.n_fazhan .fl01 ul li h2{ font-size:30.625rem; color:#eaecf0; text-align:center; font-family:Futura Md BT; font-weight:bold}

.n_fazhan .fl01 ul li p{ font-size:1rem; color:#3e3e3e; text-align:center; line-height:2.375rem}

.n_fazhan .fl01 .tit{position: absolute;top: 0;height: 30.625rem;z-index:100;}

.n_fazhan .fl01 .tit h3{ font-size:2rem; color:#131313; font-weight:bold; margin-bottom:0.5rem}

.n_fazhan .fl01 .tit h3 font{ color:#104fa2}

.n_fazhan .fl01 .tit h6{ font-size:0.875rem; color:#104fa2; text-transform:uppercase}



.n_fazhan .fl02{ position:relative; padding-bottom:8.125rem; background:url(../images/n_fazhan_fl02_bg.jpg) center bottom no-repeat}

.n_fazhan .fl02 .layui-container,.n_fazhan .fl02 .layui-col-xs12,.n_fazhan .fl02 ul{ position:static}

.n_fazhan .fl02 .miso-prev, .n_fazhan .fl02 .miso-next{width:44px;height:44px;top: -17px;}

.n_fazhan .fl02 .miso-prev{background:url(../images/left03.png) center no-repeat;left: 4rem; transition:0.6s}

.n_fazhan .fl02 .miso-next{background:url(../images/right03.png) center no-repeat;right: 4rem; transition:0.6s}

.n_fazhan .fl02 .miso-prev:hover{background:url(../images/left03_on.png) center no-repeat;}

.n_fazhan .fl02 .miso-next:hover{background:url(../images/right03_on.png) center no-repeat;}

.n_fazhan .fl02:before{content:"";position:absolute;top: 4.5px;left:0;width:100%;border-top:#d4d4d4 1px solid;}

.n_fazhan .fl02 ul .miso-list{}

.n_fazhan .fl02 ul li{ text-align:center; position:relative}

.n_fazhan .fl02 ul li:before{content:"";position:absolute;top: 5px;width:0;height:1px;background:#f28e15;left: 50%; transition:1s cubic-bezier(0.7, 0, 0.3, 1)}

.n_fazhan .fl02 ul li .dot{width: 11px;height: 11px;position:absolute;top: 0;left: 50%;margin-left: -5.5px;}

.n_fazhan .fl02 ul li .dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: #959697;border-radius:50%; transition:0.6s}

.n_fazhan .fl02 ul li .dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: #fff;border-radius:50%;border: #f28e15 3px solid;transform: scale(0); transition:0.6s}

.n_fazhan .fl02 ul li h3{font-size:1.5rem;color:#4d4e4e;margin-top:2.375rem; margin-bottom:2.5rem}

.n_fazhan .fl02 ul li .wenzi{ display:inline-block; width:6.25rem; height:6.25rem; position:relative}

.n_fazhan .fl02 ul li .wenzi:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius: 50%;}

.n_fazhan .fl02 ul li .wenzi01:before{background: rgba(242, 142, 21, 0.15);}

.n_fazhan .fl02 ul li .wenzi02:before{background: rgba(16, 79, 162, 0.15);}

.n_fazhan .fl02 ul li .wenzi .top{width:4.125rem;height:4.125rem;border-radius:50%;left:50%;top:50%;margin-left:-2.0625rem;margin-top:-2.0625rem;position: absolute;}

.n_fazhan .fl02 ul li .wenzi .top:before{content:"";position:absolute;border-right: transparent 7px solid;border-left: transparent 7px solid;top: -9px;left: 50%;margin-left: -7px;}

.n_fazhan .fl02 ul li .wenzi01 .top:before{ border-bottom:#f28e15 10px solid}

.n_fazhan .fl02 ul li .wenzi02 .top:before{ border-bottom:#104fa2 10px solid}

.n_fazhan .fl02 ul li .wenzi01 .top{ background:#f28e15}

.n_fazhan .fl02 ul li .wenzi02 .top{ background:#104fa2}

.n_fazhan .fl02 ul li .wenzi span{ font-size:0.875rem; color:#fff; position:relative; z-index:10}



.n_fazhan .fl02 ul li.miso-current .dot:before{ transform: scale(0);}

.n_fazhan .fl02 ul li.miso-current .dot:after{ transform: scale(1);}

.n_fazhan .fl02 ul li.miso-current h3{ color:#f28e15; font-weight:bold}

.n_fazhan .fl02 ul li.miso-current:before{width:100%;}



.n_news .fl01{ padding:3.75rem 0 4rem; background:#fff}

.n_news .fl01 ul{ font-size:0; margin:0 -1.25rem}

.n_news .fl01 ul li{ display:inline-block; width:33.3333333%; padding:0 1.25rem; overflow:hidden}

.n_news .fl01 ul li a{ display:block}

.n_news .fl01 ul li .img,.n_news .fl01 ul li .img img{ width:100%; overflow:hidden}

.n_news .fl01 ul li .con{  background:#f6f8fa; padding:2rem 1.5rem 1.5rem;}

.n_news .fl01 ul li .con h4{ font-size:1.125rem; color:#3c3c3c; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:1.25rem; line-height:1.25rem}

.n_news .fl01 ul li .con p{ font-size:0.875rem; line-height:1.375rem; height:2.75rem; color:#818181; overflow:hidden; margin:1rem 0 1.625rem}

.n_news .fl01 ul li .con span{ font-size:1.125rem; color:#868686;}

.n_news .fl02{ padding:3.125rem 0 4rem; background:#f6f8fa; border-top:#ebedef 1px solid}



.n_news .fl02 ul{ border:#ebedef 1px solid; background:#fff; padding:2.5rem; margin-bottom:3rem}

.n_news .fl02 ul li{ font-size:1.125rem; color:#000000; height:4rem; line-height:4rem; border-bottom:#dde0e3 1px solid; overflow:hidden;}

.n_news .fl02 ul li:last-child{ border:none}

.n_news .fl02 ul li a{ display:block; position:relative; padding-left:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.n_news .fl02 ul li a:before{ content:""; position:absolute; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:50%; background:#929292; left:5px}

.n_news .fl02 ul li a b{padding-right: 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;width: 75%;font-weight:normal;vertical-align:top;color:#000000;transition:0.36s;}

.n_news .fl02 ul li a span{font-size: 1.125rem;color: #bcbcbc;float:right; position:relative; transition:0.6s;}

.n_news .fl02 ul li a span:before{content:"";position:absolute;right: 6.5rem;width:2.75rem;height:1px;background:#e0e0df;top:50%; transition:0.6s;}



.n_news .fl02 ul li:hover a b{ color: #104fa2; padding-left: 5px;}

.n_news .fl02 ul li:hover a span:before{ width:5.25rem; background:#104fa2}

.n_news .fl02 ul li:hover a span{ color:#104fa2}



.n_zizhi .fl01{ padding:8.75rem 0 2rem}

.n_zizhi ul{ font-size:0; margin:0 -1.25rem; margin-bottom:15px}

.n_zizhi ul li{ display:inline-block; width:33.333333%; padding:0 1.25rem; text-align:center; margin-bottom:30px}

.n_zizhi ul li a{display:block;background:#ffffff;border:#e6e9eb 1px solid;padding: 2.5rem 2.5rem 2.5rem; position:relative}

.n_zizhi ul li a:after{ content:""; position:absolute; bottom:-1px; width:30px; height:3px; left:50%; margin-left:-15px; background:#104fa2; transition:0.9s}

.n_zizhi ul li a .img{width: 100%;line-height: 13.75rem;overflow:hidden;}

.n_zizhi ul li a .img img{max-width: 100%;max-height: 13.75rem;display:inline-block;}

.n_zizhi ul li a h5{font-size: 1rem;color: #404040;margin-top: 1.5rem;}

.n_zizhi .fl02{ padding:2rem 0 0; background:url(../images/n_zizhi_bg.jpg) center no-repeat; background-size:cover}

.n_zizhi .fl02 .left{padding:10rem 0 0;width: 34%;}

.n_zizhi .fl02 .left h3{ font-size:3rem; color:#393939; font-weight:bold; text-transform:uppercase;}

.n_zizhi .fl02 .left h5{ font-size:1.125rem; color:#393939; text-transform:uppercase; letter-spacing:0.75rem; margin-bottom:2rem}

.n_zizhi .fl02 .left p{ font-size:1.5rem; color:#393939; line-height:2.625rem;}

.n_zizhi .fl02 .left p font{ color:#104fa2}

.n_zizhi .fl02 .left p big{ font-size:2.25rem;}

.n_zizhi .fl02 .right{width: 66%;}





#n_lianxi{position:relative;z-index:9;padding: 8rem 0 4.6875rem;}

#n_lianxi .tt1{color: #104fa2;text-align:center;}

#n_lianxi .tt1 h3{font-size: 2rem;font-weight:bold;color: #393c3d;margin-bottom: 6px;}

#n_lianxi .tt1 span{font-size: 0.875rem;font-family:arial;text-transform:uppercase;}

#n_lianxi .tt2{ text-align:center;}

#n_lianxi .con{text-align:center;margin: 3rem 0 5rem;font-size: 0.875rem;color: #4a5057;line-height: 1.5rem;}



.lianxi_box{overflow:hidden;padding: 4rem;background: #fff url(../images/n_contact_bg.jpg) center bottom no-repeat; background-size:100% auto;border-top: #104fa2 7px solid;}

.lianxi_box .left{ width:50%; border-right:1px solid #e4e7e9;}

.lianxi_box .tt{padding-bottom: 3.75rem;text-align: center;}

.lianxi_box .tt h3{font-size:36px;color: #f28e15;font-weight:bold;text-transform:uppercase;display:inline-block;}

.lianxi_box .tt span{ font-size:16px; color:#696969; display:inline-block; margin-left:10px; position:relative; top:-2px;}

.lianxi_box .miso_hd{ margin-bottom:2rem; position:relative}

.lianxi_box .miso_hd:before{ content:""; position:absolute; left:0; width:100%; height:1px; top:0; background:#e4e7e9}

.lianxi_box .miso_hd .miso-list{ padding-bottom:7px;}

.lianxi_box .miso_hd li{ display:inline-block; width:135px !important; height:45px; background:#f28e15; margin-right:1rem; line-height:45px; text-align:center}

.lianxi_box .miso_hd li:before{ content:""; position:absolute; left:0; width:0; transition:0.6s; background:#104fa2; height:100%}

.lianxi_box .miso_hd li a{ display:block; font-size:1rem; color:#fff; position:relative; cursor:pointer}

.lianxi_box .miso_hd li a:before{ content:""; position:absolute; left:50%; margin-left:-8px; border-left:transparent 7px solid; border-right:transparent 7px solid; border-top:transparen 7px solid; top:45px; transition:0.6s}

.lianxi_box .ewm{float:left;text-align:center;font-size:16px;color: #303030;padding: 0 10px;}

.lianxi_box .ewm img{width: 13.125rem;height: 13.125rem;margin-bottom:20px;border:1px solid #e5e5e5;padding: 0;}



.lianxi_box .miso_hd li.miso-current:before{ width:100%}

.lianxi_box .miso_hd li.miso-current a:before{ border-top:#104fa2 7px solid;}

.lianxi_box dl{padding-left:2.75rem;line-height: 2rem;}

.lianxi_box dl dt{ font-size:1rem; color:#171717; margin-bottom:0.5rem}

.lianxi_box dl dt font{ color:#727273; font-weight:bold}

.lianxi_box dl dd{ margin-bottom:1.5rem}

.lianxi_box dl dd,.lianxi_box .miso_bd dl dd p{ font-size:1rem; color:#727273; line-height:1.5rem;}





.lianxi_box dl dd p a{ font-size:12px; color:#104fa2; margin-left:1.5rem}

.lianxi_box dl dd p a img{ margin:-3px 0.5rem 0 0}

.lianxi_box .right{max-width: 50%;padding-left: 3rem;}

.lianxi_box .right .ewm01{padding: 0rem 0 0;overflow: hidden;}



.n_news_detail{padding:8.75rem 0 2.5rem;}

.n_news_detail .layui-col-xs12{ display:-webkit-box}

.n_news_detail .left{ width:calc(100% - 23.75rem); padding-right:4.6875rem}

.n_news_detail .left .title{height: auto;overflow: hidden;position:relative;padding-bottom: 35px;}

.n_news_detail .left .ar_title{padding: 0;padding-bottom: 25px;border-bottom: #e7e7e7 1px solid; position:relative}

.n_news_detail .left .ar_title h3{font-size: 1.5rem;color: #3c3c3c;line-height: 2.5rem;margin-bottom: 1.5rem;font-weight: bold;}

.n_news_detail .left .ar_title h6{position:relative;font-size: 14px;color: #104fa2;}

.n_news_detail .left .ar_title h6 img{ margin:-3px 0.75rem 0 0}

.n_news_detail .left .ar_title:before{content:"";position:absolute;bottom: -1px;left:0;width: 100px;height:2px;background: #104fa2;}



#ar_fot01{position:relative;width: 100%;overflow:  hidden;}

#ar_fot01 h1{display:block;font-size: 14px;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;width: 100%;height: 30px;line-height: 30px;}

#ar_fot01 h1 span{color: #575c63;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;display: inline-block;vertical-align: top;width: 60px;}



#ar_fot01 h1 a{font-size: 14px;color: #575c63;font-weight:normal;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;width: calc(100% - 60px);display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#ar_fot01 h1:hover, #ar_fot01 h1:hover a, #ar_fot01 h1:hover span{color: #104fa2;vertical-align: top;display: inline-block;}

#ar_fot01 .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot01 .bnt_back:hover{ border-radius:3px;}

#ar_fot01 a,#ar_fot span{}

#ar_fot01 .shart_box a{ line-height:36px;}

#ar_fot01 .fr{text-align: left;}

#ar_fot01 h1:hover{}



.dibu{position:relative;margin-top: 70px;padding-top: 28px;border-top: #eef1f2 2px solid;margin-bottom: 23px;}

.dibu .end{display:inline-block;width:68px;height:20px;line-height:20px;background: #f4f5f7;position:absolute;left:50%;margin-left:-34px;top:-10px;text-align:center;font-size: 16px;color: #616060;text-transform:uppercase;font-weight: 600;}



.n_news_detail .right{ width:23.75rem;}

.n_news_detail .right .fl00{background: #fff;padding:2.5rem 1.875rem 3rem;}

.n_news_detail .right .fl00 .title{font-size: 1.25rem;color: #262626;margin-bottom: 1.875rem;}

.n_news_detail .right .fl00 .title img{ margin:-3px 14px 0 0}

.n_news_detail .right .fl01{ margin-bottom:16px}

.n_news_detail .right .fl01 ul li{ text-align:center}

.n_news_detail .right .fl01 ul li .img,.n_news_detail .right .fl01 ul li .img img{ width:320px; height:240px; overflow:hidden; transition:0.9s}

.n_news_detail .right .fl01 ul li h5{ font-size:16px; margin-top:22px; color:#262626; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; transition:0.6s}

.n_news_detail .right .fl01 .miso-prev,.n_news_detail .right .fl01 .miso-next{width: 8px;height: 13px;z-index:1000;top: -50px;}





.n_news_detail .right .fl01 .miso-prev{background:url(../images/container07_prev.png) center no-repeat;left: auto;right: 26px;}

.n_news_detail .right .fl01 .miso-next{ background:url(../images/container07_next.png) center no-repeat; right:0}

.n_news_detail .right .fl01 ul li h5:hover{ color:#3ca0d3}

.n_news_detail .right .fl01 ul li a:hover .img img{ transform:scale(1.06)}



.n_news_detail .right .fl02{margin-bottom: 0;}

.n_news_detail .right .fl02 ul{ border-bottom:#6e6f70 1px dotted}

.n_news_detail .right .fl02 ul li{ text-align:center}

.n_news_detail .right .fl02 ul li a{ display:block; position:relative}

.n_news_detail .right .fl02 ul li .img,.n_news_detail .right .fl02 ul li .img img{width: 100%;height: 214px;overflow:hidden;transition:0.9s;object-fit: cover;}

.n_news_detail .right .fl02 ul li h5{background:rgba(0,0,0,0.7);padding:0 15px;height:40px;line-height:40px;font-size:18px;margin-top:22px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.6s;position:absolute;bottom:0;width:100%;text-align: left;padding-right: 110px;}

.n_news_detail .right .fl02 ul li h5:hover{ color:#3ca0d3}

.n_news_detail .right .fl02 ul li a:hover .img img{ transform:scale(1.06)}



.n_news_detail .right .fl02 ul li .con{ padding:2rem 0.5rem 1.5rem; text-align:left}

.n_news_detail .right .fl02 ul li .con h4{ font-size:1.125rem; color:#3c3c3c; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:1.25rem; line-height:1.25rem}

.n_news_detail .right .fl02 ul li .con p{font-size:0.875rem;line-height:1.375rem;height:2.75rem;color:#818181;overflow:hidden;margin: 1rem 0 0.5rem;}

.n_news_detail .right .fl02 ul li .con span{ font-size:1.125rem; color:#868686;}

.n_news .fl02{ padding:3.125rem 0 0.3rem; background:#f6f8fa; border-top:#ebedef 1px solid}

.n_news_detail .right .fl02 .miso-dots{bottom: 14px;text-align: right;width: auto;right: 14px;}

.n_news_detail .right .fl02 .miso-dots li{width:10px;height:10px;background:#d1d1d1;border-radius:5px;margin: 0 3px;}

.n_news_detail .right .fl02 .miso-dots li.miso-active{ background:#3ca0d3; }



.n_news_detail .right .fl03{ padding-top:0}

.n_news_detail .right .fl03 ul{}

.n_news_detail .right .fl03 ul li{line-height: 30px;height: 30px;}

.n_news_detail .right .fl03 ul li a{display:block;position:relative;line-height: 30px;height: 30px;padding-left: 12px;}

.n_news_detail .right .fl03 ul li a:before{content: '';position: absolute;top: 50%;left: 0;width: 5px;height: 5px;background: #6d6f71;transition: all .5s;border-radius: 50%;margin-top: -2.5px;}

.n_news_detail .right .fl03 ul li a:hover:before { transform: none; opacity: 1; visibility: visible\9;}



.n_news_detail .right .fl03 ul li i{display:inline-block;width: 13px;vertical-align: top;}



.n_news_detail .right .fl03 ul li font{display:inline-block;font-size: 0.9375rem;color: #6d6f71;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:0.36s;vertical-align: top;}

.n_news_detail .right .fl03 ul li span{float:right;font-size:14px;color: #6d6f71;}

.n_news_detail .right .fl03 ul li:hover font{color: #104fa2;}

.sticky{position:sticky;top: 70px;padding: 0;z-index: 100000;}





.n_talent{padding: 6.75rem 0 4rem;}

.n_talent .ul.miso_hd{ text-align:center; margin-bottom:4rem; position:relative}

.n_talent .ul.miso_hd:before{ content:""; position:absolute; top:45px; border-bottom:#e1e1e8 1px solid; width:100%; left:0}

.n_talent .ul.miso_hd li h3{ height:45px; margin-bottom:20px}

.n_talent .ul.miso_hd li h3 img{ opacity:0; transition:0.6s; transform:scale(0)}

.n_talent .ul.miso_hd li h5{ font-size:16px; color:#414141; line-height:26px; display:inline-block; position:relative;}

.n_talent .ul.miso_hd li h5:after{content:"";position:absolute;left:50%;width:0;height:2px;background:#f28e15;top: -21px; transition:0.6s}

.n_talent .ul.miso_hd li.miso-current h5:after{ width:100%; left:0}

.n_talent .ul.miso_hd li.miso-current h3 img{ opacity:1; transform:scale(1)}

.n_talent .ul.miso_bd { margin:0 -0.75rem; margin-bottom:4.5rem}

.n_talent .ul.miso_bd .li{ padding:0 0.75rem;}

.n_talent .ul.miso_bd .box{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden}

.n_talent .ul.miso_bd .box .top{background: #f28e15;height: 140px;text-align:center;padding:50px 0 0;width: 100%;}

.n_talent .ul.miso_bd .box .top h3{font-size: 1.5rem;color:#fff;margin:0 0 14px;}

.n_talent .ul.miso_bd .box .top h5{font-size: 0.875rem;color:rgba(255,255,255,0.6);}

.n_talent .ul.miso_bd .box .con{background: #fff;padding: 2rem 1.625rem;border: #e5e5e5 1px solid;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

.n_talent .ul.miso_bd .box .con h4{font-size: 14px;color:#cd2d3c;font-weight:bold;margin-bottom: 5px;line-height: 30px;}

.n_talent .ul.miso_bd .box .con .ar_article{height: 388px;overflow:hidden;overflow-y:scroll;margin-right: 0;padding-right: 0;background-color: white;}

.n_talent .ul.miso_bd .box .con .ar_article p{ font-size: 13px;line-height: 30px;color:#8c8a88; text-indent:0}

.n_talent .ul.miso_bd .box .con .ar_article::-webkit-scrollbar {width:1px;height:1px; background:#e2e2e2}

.n_talent .ul.miso_bd .box .con .ar_article::-webkit-scrollbar-track {border-radius:1px; background:#e2e2e2}

.n_talent .ul.miso_bd .box .con .ar_article::-webkit-scrollbar-thumb {border-radius:1px; background:#f28e15}

.n_talent .ul.miso_bd .box .con ul li{font-size: 13px;line-height: 30px;color:#8c8a88;background: url(../images/dot.png) left 10px no-repeat;margin-left:0;padding-left: 13px;}



.n_talent .ul.miso_bd .miso-current .box .top{background: #104fa2;}



.n_talent .ul.miso_bd .miso-prev,.n_talent .ul .miso-next{ width:44px; height:44px; top:50%; margin-top:-12px}

.n_talent .ul.miso_bd .miso-prev{ background:url(../images/left03.png) center no-repeat; left:-90px; transition:0.6s}

.n_talent .ul.miso_bd .miso-next{ background:url(../images/right03.png) center no-repeat; right:-90px; transition:0.6s}

.n_talent .ul.miso_bd .miso-prev:hover{background:url(../images/left03_on.png) center no-repeat;}

.n_talent .ul.miso_bd .miso-next:hover{background:url(../images/right03_on.png) center no-repeat;}



.ban_po001{ text-align:center}

.ban_po001 .wrap p{font-size: 1.5rem;color:#404040;}

.ban_po001 .wrap p .current, .ban_po001 .wrap p font{color: #104fa2;font-size: 2.25rem;font-weight: bold;}

.ban_po001 big{font-size:14px;color:#104fa2;display:inline-block;vertical-align: top;line-height: 2.25rem;margin-right: 4rem; position:relative}

.ban_po001 big:before{content:"";position:absolute;right: -3.5rem;width: 2.75rem;height:1px;background:#104fa2;top: 50%;}

.ban_po001 .wrap{ display:inline-block}



.n_wenhua01{ padding:3rem 0 2rem}

.n_wenhua01 .miso-prev,.n_wenhua01 .miso-next{width:36px;height:36px;background-size:cover !important;margin-top: -18px;}

.n_wenhua01 .miso-prev{ background:url(../images/left07.png) center no-repeat; left:-4rem}

.n_wenhua01 .miso-next{ background:url(../images/right07.png) center no-repeat; right:-4rem}



/*==========================================内页 结束=============================================*/




@media(max-width: 1920px){
.banner ul li.miso-slide{ height:auto}
.banner ul li.miso-slide img{ display:block}
.ban_po.ban_po01{float:right;margin-top: 0;height: 74px; line-height:74px}
.ban_po.ban_po01 .wrap p{ font-size:4rem}
.ban_po.ban_po01:before{ display:none}
.container02{ width:1282px; margin:0 auto}
.container02 .right{ width:100%}
.container02 .right .slider_for ul li .img{ height:calc(100vh - 9.375rem - 75px - 18px - 120px)}
.container02 .right .slider_for .box .top h2{ margin-bottom:2rem}
.container02 .right .slider_for .box .top h4{ color:#f28e15; font-size:24px}
.container02 .right .slider_for .box .top h5{ color:#fff; font-size:24px; padding-top:10px;}
.container02 .right .slider_for .box .top h6{ color:#fff; font-size:20px; font-weight:bold; padding-top:20px; padding-bottom:20px;}
.container02 .right .slider_for .box .top h7{ color:#FFFFFF; font-size:16px; position:absolute; left:30px; line-height:32px; color:#b9b9b9; padding-top:90px;}
.container02 .right .slider_for .box .top p{ color:#b9b9b9; font-size:16px; line-height:32px}
.container02 .right .slider_for .box .top h3{ margin-bottom:1.5rem}
}


.zlxz{width:100%;height:300px;margin:73px 0 16px 0;}
.zlxz li{float:left;height:300px;width:417px;margin:0 4px 0 4px;}
.ly{height:220px;width:100%;}

@media(min-width: 768px){

	.container02 .right .slider_for .box .top a:hover{ border:#ef7600 1px solid; background:#ef7600}

	.container02 .right .slider_for .box .top a:hover:before{ transform:scale(1); opacity:1}

	

	.container03 ul li a:hover .con .icon:before{background: rgba(239, 118, 0, 0.1);}

	.container03 ul li a:hover .con .icon:after{ background:#ef7600}

	.container03 ul li a:hover .con .icon span{transform: rotate(180deg);}

	.container03 ul li a:hover .con:before{transform:translateY(0);background: #104fa2;}

	

	.container03 ul li a:hover .con h5{ color:#fff}

	.container03 ul li a:hover .con p{ color:#fff}



	

	.container03 .more a:hover{ border:#ef7600 1px solid; background:#ef7600; color:#fff}

	.container03 .more a:hover:before{ transform:scale(1); opacity:1}

	

	.container05 .fl02 .right .more a:hover{ border:#ef7600 2px solid; background:#ef7600; color:#fff}

	.container05 .fl02 .right .more a:hover:before{ transform:scale(1); opacity:1}

	

	.container06 .content .box02 ul li:hover:after{ width:100%}

	.container06 .content .box02 ul li:last-child:hover:after{ width:0}

	.container06 .content .box02 ul li:hover a h4{ color:#104a9e;}

	.container06 .content .box02 ul li:hover a h5{ color:#104a9e;}

	

	.container06 .more01 a:hover{ border:#ef7600 1px solid; background:#ef7600; color:#fff}

	.container06 .more01 a:hover:before{ transform:scale(1); opacity:1}

	

	footer .fl01 .left ul li a:hover img.img01{ display:inline-block}

	footer .fl01 .left ul li a:hover img.img02{ display:none}

	

	.n_yingyong ul li a:hover h3 img { transform-style: preserve-3d; -webkit-animation: xuanzhuan 2s; animation: xuanzhuan 2s; animation-fill-mode: forwards;transition: all .5s linear;}

	

	.n_yingyong ul li a:hover span{ border:#104fa2 2px solid; background:#104fa2; color:#fff}

	

	.n_zizhi ul li a:hover:after{ width:100%; left:0; margin-left:0;}

	

	.lianxi_box dl dd p a:hover{ text-decoration:underline}

	

	.n_news_detail .right .fl02 ul li:hover .con h4{ color:#104a9e;}

	

	.container02 .right .slider_for ul li:hover .img{ transform:scale(1.05)}

	

	.container06 .content .box01 ul li a .con .more:hover:before{ transform:scale(1); opacity:1}

}





@media(min-width: 992px) and (max-width: 1300px){

}



@media(max-width: 1800px){

}



@media(max-width: 1600px){



	.banner ul li.miso-slide{ height:auto}

	.banner ul li.miso-slide img{ display:block}

	

	.container02{ padding:120px 0 0}

	.container02 .left{width:100%;bottom: auto;height:120px;padding: 0 2rem;}

	.container02 .left ul{ float:left; width:auto !important}

	.container02 .left ul li{display:inline-block;width:auto !important;margin-right: 1.5rem;margin-bottom: 0;}

	

	.ban_po.ban_po01{float:right;margin-top: 0;height: 74px; line-height:74px}

	.ban_po.ban_po01 .wrap p{ font-size:4rem}

	.ban_po.ban_po01:before{ display:none}

	

	.container02 .right{ width:100%}

	.container02 .right .slider_for ul li .img{ height:calc(100vh - 9.375rem - 75px - 18px - 120px)}

	.container02 .right .slider_for .box .top h2{ margin-bottom:2rem}

	.container02 .right .slider_for .box .top p{ margin-bottom:3rem}

	.container02 .right .slider_for .box .top h3{ margin-bottom:1.5rem}

}



@media(max-width: 1400px){

}



@media(max-width: 1330px){

	.n_fazhan .fl02 .miso-prev{ left:1rem}

	.n_fazhan .fl02 .miso-next{ right:1rem}

}



@media(max-width: 1200px){

	.nav{ display:none}

	

	.container04{ height:auto}

	.container04 .content{ height:auto; padding:3rem 0}

	.container04 .content h2{ text-align:center}

	.container04 .content img{position:relative;left:auto;bottom: auto;}

	

	.container06 .content .box01 ul li a .con{ padding:0 20px 40px}

	.container06 .content .box01{ width:40%;}

	.container06 .content .box02{ width:30%;}

	

	.header{ top:0; width:100%; box-shadow:0 0 10px rgba(0,0,0,0.25)}

	.header:before{ width:100%; left:0; margin-left:0}

	.header .content .right dl{ display:none}

	

	.h-link{display:block;right: 80px;position: absolute;}

	.rd-navbar-toggle{ display:block}

	

	.n_product_detail .fl01 .left,.n_product_detail .fl01 .right{ width:100%; position:relative}

	.n_product_detail .fl01 .right{ padding:3rem 1.5rem}

	

	.n_fazhan .fl01 ul li h2{ font-size:20rem;}

	.n_fazhan .fl01 .tit{height: 20rem;}

	

	footer .fl01 .left{width:100%;text-align: center;}

	footer .fl01 .right{width:100%;text-align: center;}

	footer .fl01 .left ul{ display:none}

	footer .fl01 .right .img,footer .fl01 .right .con{width:100%;float:none;margin: 0;}

	footer .fl01 .right .con h3{ display:none}

}



.zlxz{width:100%;height:300px;margin:73px 0 16px 0;}
.zlxz li{float:left;height:300px;width:417px;margin:0 4px 0 4px;}
.ly{height:220px;width:100%;}

@media(max-width: 1060px){

	

}



@media(max-width: 992px){

	.container05 .fl02 .right{ padding:0 0 0 3rem}

	

	

	.banner.ar_wap{display:block;margin-top: 75px;}

	.banner.ar_web{ display:none}

	.banner ul.miso-dots{display: none !important;}

	



	.header .content{ padding:0}

	.header .logo img{ height:40px}

	

	.sanji{ display:none}

	#m_n_nav{ display:block}

	

	.n_news .fl01{ padding:3rem 0 2rem}

	.n_news .fl01 ul{ margin:0 -7px;}

	.n_news .fl01 ul li{ padding:0 7px;}

	

	.n_zizhi .fl01{ padding:3rem 0 3rem}

	.n_zizhi ul{ margin:0 -7px;}

	.n_zizhi ul li{ padding:0 7px;}



	

	.n_zizhi .fl02 .left{ padding:5rem 0 0; width:37%}

	

	.lianxi_box .left{ width:100%; border-right:none; border-bottom:1px solid #e4e7e9}

	.lianxi_box .right{width:100%;max-width: 100%;padding: 3rem 0 0;}

	

	.n_news_detail{padding:3rem 0;overflow-x: hidden;}

	.n_news_detail .layui-col-xs12{ display:block}

	.n_news_detail .left{ display:block; width:100%; padding:0; margin-bottom:2rem}

	.n_news_detail .right{ display:block; width:100%}

	

	.n_talent{ padding:3rem 0}

	.n_talent .ul.miso_hd{ margin-bottom:2rem}

	.n_talent .ul.miso_bd .box .top{height:100px;padding: 29px 0 0;}

}



@media(max-width: 768px){

	.container02{ padding:90px 0 0}

	.container02 .left{padding:0 1rem;height: 90px;}

	.container02 .left ul li.miso-current a .icon{width: 100px;}

	.container02 .left ul li{margin-right:6px;height: 40px;}

	.container02 .left ul li a .icon{ width:40px; height:40px; border-radius:20px;}

	.container02 .left ul li a .icon img{ max-height:15px}

	.ban_po.ban_po01{ height:40px; line-height:40px;}

	.ban_po.ban_po01 .wrap p{ font-size:30px}

	.container02 .right .slider_for ul li .img{height:calc(100vh - 9.375rem - 75px - 18px - 90px);background-size: cover !important;}

	.container02 .right .slider_for .box .top .table_cell{ padding:0 10%}

	.container02 .right .slider_for .box .top h2{ font-size:18px;}

	.container02 .right .slider_for .box .top p{ font-size:12px;}

	.container02 .right .slider_for .box .top h3{margin-bottom: 2rem;height: auto;}

	.container02 .right .slider_for .box .top h3 img{ height:24px}

	.container02 .right .slider_for .miso-prev{ left:0; transform:scale(0.6)}

	.container02 .right .slider_for .miso-next{ right:0; transform:scale(0.6)}

	

	.container03 ul{margin:0 -7px;margin-bottom: 1rem;}

	.container03 ul li{ width:50%; padding:0 7px; margin-bottom:15px;}

	.container03 ul li a .con .icon{transform: scale(0.7);}



	

	.container03 ul li a .con{padding: 3rem 1rem 2rem;}

	.container03 .more a{width: 120px;font-size: 14px;height: 40px;line-height: 38px;}

	



	.container04 .content img{ height:12rem}

	.container04 .content h3{ font-size:18px}

	.container05 .fl01 ul li{ width:50%; margin:1rem 0}

	

	.container06 .content .box01{ width:100%;}

	.container06 .content .box02{ width:100%;}

	

	.container05 .fl02 .left{width:100%;margin-bottom: 2rem;}

	.container05 .fl02 .right{width:100%;padding: 0 1rem;}

	

	.container05{ padding:3rem 0}

	.container06{ padding:3rem 0}

	.container06 .content .box01 ul li a .img, .container06 .content .box01 ul li a .img img{height:220px;position: relative;z-index: 0;}

	.container06 .content .box01,.container06 .content .box02{ margin-bottom:15px}

	.container06 .content .box02 ul{ padding:15px 15px}

	.container06 .content .box02 ul li{ padding: 20px 0}

	.container06 .content .box02 ul li a h5{font-size:16px;margin: 15px 0 10px;}

	.container06 .content .box02 ul li a p{font-size:12px;line-height: 20px;height: 40px;}

	

	.container10{ display:none} 

	.container10 .nav01{ display:block; width:100%}

	.container10 ul{ display:block; width:100%}

	.container10 ul li{font-size:12px;line-height: 24px;margin-right:6px;height: 24px;}

	.container10 ul li a{ font-size:12px;}

	

	footer .fl01 .left p{ font-size:12px;}

	footer .fl01 .left .con h4 img{ height:18px}

	footer .fl01 .left .con h2{ font-size:20px}

	footer .fl01 .left p{ padding:0 15%}

	footer .fl01 .right .p{ margin-top:2rem}



	.h-link{ right:60px;}

	

	.n_banner{height: 140px;background-size: cover !important;}

	

	.n_about .tit .top h3{ margin-top:3rem}

	

	.n_about{ padding:2rem 0}

	

	.siji ul{padding:0 1rem;border: beige;}

	.siji ul li{margin-bottom:1rem;width: 33.33333%;margin-right: 0;text-align: center;}

	.siji ul li a{ height:30px; line-height:30px;}

	

	.page a{ width:40px; line-height:38px; height:40px;}

	

	.n_product_detail .fl01 .left .miso-prev, .n_product_detail .fl01 .left .miso-next{ transform:scale(0.6)}

	.n_product_detail .fl01 .left .miso-prev{ left:0}

	.n_product_detail .fl01 .left .miso-next{ right:0}

	

	.n_product_detail .fl02 p{ font-size:13px; line-height:26px;}



	.n_product_detail .fl02 .content{ padding:0 1.5rem 1.5rem}

	.siji:before,.siji:after{ display:none}

	

	.n_product_detail{ padding:2rem 0 0}

	.n_product_detail .siji{ margin-bottom:1.5rem}

	

	.n_yingyong ul{ margin:0 -7px; margin-bottom:0}

	.n_yingyong ul li{ width:50%; padding:0 7px; margin-bottom:3rem}

	.n_yingyong ul li a span{ width:110px;}

	.n_yingyong{ padding:3rem 0}

	.n_yingyong ul li a{ background-size:80% auto}

	.n_yingyong ul li a h3{line-height: 4rem;}

	.n_yingyong ul li a h3 img{ max-width:30px; max-height:30px;}

	.n_yingyong ul li a h5{margin-bottom: 1rem;}

	.n_yingyong ul li a p{padding:0 1rem;font-size:12px;margin-bottom: 1rem;}

	

	.n_fazhan .fl01 ul li h2{ font-size:10rem;}

	.n_fazhan .fl01 .tit{height: 10rem;}

	.n_fazhan .fl02 ul{ padding:0 2rem}

	.n_fazhan .fl02 .miso-prev{ left:0; transform:scale(0.8)}

	.n_fazhan .fl02 .miso-next{ right:0; transform:scale(0.8)}

	

	.n_news .fl01 ul li{ width:100%; margin-bottom:1rem}



	.n_news .fl02 ul{ padding:1rem}

	.n_news .fl02 ul li a span{ font-size:11px;}

	.n_news .fl02 ul li a span:before{ display:none}

	.n_news .fl02 ul li a{ padding-left:12px;}

	.n_news .fl02 ul li a:before{ left:0}

	.n_news .fl01 ul li .con h4{ font-size:14px;}

	

	.n_zizhi ul{ margin:0 -7px;}

	.n_zizhi ul li a{padding: 1rem 1rem 1.5rem;}

	.n_zizhi ul li a .img{ line-height:10rem}

	.n_zizhi ul li a .img img{ max-height:10rem}

	.n_zizhi ul li{ padding:0 7px; width:50%; margin-bottom:1rem}

	

	.n_zizhi .fl02 .left{ padding:1rem 0 0; width:100%; margin-bottom:2rem}

	.n_zizhi .fl02 .right{ width:100%}

	.n_zizhi .fl02 .left p{ font-size:16px;}

	

	.lianxi_box{ padding:2rem 1rem}

	.lianxi_box .right .ewm01{ text-align:center; padding:0}

	.lianxi_box .ewm{display:inline-block;float:none;font-size: 13px;}

	.lianxi_box .ewm img{width:10rem;height:10rem;margin-bottom: 10px;}

	.lianxi_box .tt h3{ font-size:24px}

	.lianxi_box .tt span{ font-size:14px; margin-left:0.25rem}

	.lianxi_box dl{ background-size:auto 18px!important; background-position:3px 0 !important}

	.lianxi_box dl dd p a{ display:block; margin-left:0}

	.lianxi_box .tt{ padding-bottom:2rem}

	

	.ar_article p{font-size:13px;line-height:26px;margin-bottom: 26px;}

	.dibu{ margin:3rem 0 0}

	.n_talent .ul.miso_bd{ margin-bottom:2rem}

	.n_talent .ul.miso_hd li h3{ height:32px}

	.n_talent .ul.miso_hd li h3 img{ height:18px;}

	.n_talent .ul.miso_hd:before{ top:32px;}

	.n_talent .ul.miso_hd li h5{ font-size:13px;}

	

	.container02 .left ul li a .icon .ii{ line-height:38px; height:40px}

	

	.container02 .left ul li.miso-current a .icon:before,.container02 .left ul li.miso-current a .icon:after{ display:none}

	.container03 ul li a .con h5{ margin-bottom:10px}

	

	.ar_article td, .ar_article th{ font-size:12px;}

	

	.n_talent .ul.miso_bd .box .con .ar_article{ height:auto !important; overflow:hidden}

	.rolling-top{ right:5%}

	

	.container01 .fl01{ padding:3rem 0 0}

	

	.container03 ul li a .con p{ font-size:12px; line-height:20px; height:40px;}

	.container05 .fl02 .right p{ font-size:12px; line-height:20px; height:60px;}

	.container06 .content .box01 ul li a .con h4{ font-size:16px; line-height:22px; height:44px;}

	.container06 .content .box01 ul li a .con p{ font-size:12px; line-height:20px; height:40px;}

	

	.container03 ul li a .img, .container03 ul li a .img img {

    overflow: hidden;

    width: 100%;

    height: 130px;

    object-fit: cover;}

}







@media(max-width: 456px){

	

} 

.gbook_ly{ margin:45px 0;}
.gbook_ly form{ width:590px;}
.gbook_ly .input{ background-color:#ffffff; border:1px solid #e8e8e8; height:41px; padding:0 20px; width:290px;}
.gbook_ly .textarea{ background-color:#ffffff; border:1px solid #e8e8e8; padding:20px; width:588px; height:200px; margin-top:20px;}
.gbook_ly .submit{ background-color:#ffffff; border:1px solid #e8e8e8; width:198px; height:41px; margin-top:20px; font-size:18px; color:#333333;}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd; padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666; font-size:14px;}
.pagelist strong { background: #ef5600; color: #fff;}
.xx_title{ font-size:24px; text-align:center; border-bottom:1px solid #CCCCCC; line-height:80px;}
.xx_body{ font-size:16px; line-height:30px;}
.xx_body p{ text-indent:2em; padding-bottom:25px}